<template>
  <el-dialog title="广告详情" :visible.sync="idDetail">
    <el-form :model="form">
      <el-form-item label="id" :label-width="formLabelWidth">
        <el-input :value="form.id" autocomplete="off" />
      </el-form-item>
      <el-form-item label="编号" :label-width="formLabelWidth">
        <el-input :value="form.advertNo" autocomplete="off" />
      </el-form-item>
      <el-form-item label="排序" :label-width="formLabelWidth">
        <el-input :value="form.order" autocomplete="off" />
      </el-form-item>
      <el-form-item label="位置" :label-width="formLabelWidth">
        <el-input :value="form.advertLocation" autocomplete="off" />
      </el-form-item>
      <el-form-item label="链接地址" :label-width="formLabelWidth">
        <el-input :value="form.url" autocomplete="off" />
      </el-form-item>
      <el-form-item label="内容" :label-width="formLabelWidth">
        <el-input :value="form.advertContent" autocomplete="off" />
      </el-form-item>
      <el-row :gutter="20">
        <el-col v-for="item in form.fileInformationResponse" :key="item.id" :span="4">
          <el-image
            style="width: 100px; height: 100px"
            :src="item.fileUrl"
            :preview-src-list="form.fileInformationResponse.map((item) => {
              return item.fileUrl
            })"
          />
        </el-col>
      </el-row>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <!-- <el-button @click="idDetail = false">取 消</el-button> -->
      <el-button type="primary" @click="idDetail = false">确 定</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  components: {

  },
  // eslint-disable-next-line vue/require-prop-types
  props: ['form'],
  data() {
    return {
      idDetail: false,
      formLabelWidth: '15%',
      srcList: []
    }
  },
  computed: {

  },
  watch: {

  },
  created() {

  },
  mounted() {

  },
  methods: {

  }
}
</script>
